import React from 'react';
import AppBar from 'material-ui/lib/app-bar';
import IconButton from 'material-ui/lib/icon-button';
import IconMenu from 'material-ui/lib/menus/icon-menu';
import MoreVertIcon from 'material-ui/lib/svg-icons/navigation/more-vert';
import MenuItem from 'material-ui/lib/menus/menu-item';
var right = (
    <IconMenu
        iconButtonElement={
          <IconButton>
          <MoreVertIcon/>
          </IconButton>
        }
        targetOrigin={{horizontal: 'right', vertical: 'top'}}
        anchorOrigin={{horizontal: 'right', vertical: 'top'}}
    >
        <MenuItem primaryText="退出登录"/>
    </IconMenu>
);
const appBarArea = () => (
    <AppBar
        title="个人中心"
        iconElementLeft={<IconButton></IconButton>}
        iconElementRight={right}
    />
);

export default appBarArea;